import React, { Component } from 'react';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import loginyz from './login.js'
import './index.scss';
import { Router, Route, IndexRoute, Link } from '$router';

class LoginPage extends Component{
     componentDidMount() {
        loginyz();
    }
	render() {
        return (
            <div className="yo-flex">
                <Header title="网易邮箱账号"/>
                <div className="yo-flex yo-user">
                	<form className="yo-info">
	                	用户名：<input type="text" id="user" placeholder="邮箱"/>
	                	<br/>
                        <span id="user-verify"></span>
                        <br/>
	                	密　码：<input type="password" id="word" placeholder="密码"/>
                        <br/>
                        <input type="button" value="登录" name="submit" id="user-sub"/>
	                </form>
                </div>
                <div className="yo-find">
					<div className="yo-mima">
						<input type="checkbox" id="deng"/>十天内免登录&nbsp;&nbsp;|
						<a href="#">&nbsp;&nbsp;忘记密码？</a>
					</div>
                </div>
                <div className="yo-zhuce">
					<Link to="register">立即注册</Link>
					<a href="#">忘记密码</a>
            	</div>
            </div>
        )
    }
}

export default LoginPage;